import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
const store = new Vuex.Store({
    state: {
        diaryList: [
            {
                year: '2023-5-27',
                weather: {
                    icon: 'icon-qingtian',
                    text: '晴天',
                },
                category: '学习',
                somecontent: "今天是周六，毫无压力的一天。早上醒来后抬起头看着阳台上争先恐后盛开的玫瑰，心情愉悦。特意定了一份早餐外卖，在阳台上享受了一顿美味的早餐。上午的时间我处理了一些闲置已久的事情，如整理了自己的房间，清洗了桌子和窗户玻璃等。在完成这些事情时感到十分轻松愉快，减轻了我近来的焦虑情绪。下午与朋友相约聚会，我们选择了一家新开的咖啡馆。环境清新舒适，阳光透过大片落地窗照进店内，让人感到放松。品尝了爱尔兰咖啡和红茶蛋糕，都非常美味。晚上回到家后，打开电脑进行了一些学术研究。最近需要写一篇论文，所以要多花些时间在学习方面。不过既然是自己乐意选择的事情，也觉得很有趣。今天的一天非常愉快，期待明天以同样的好心情开始1。",
                week:"周六"
            },
            {
                year: '2023-5-27',
                weather: {
                    icon: 'icon-tianqi',
                    text: '小雨',
                },
                category: '工作',
                somecontent:  "今天是周日，天气晴朗，心情也特别好。上午我去了公园散步，呼吸到新鲜的空气感觉特别棒。下午我在家看了几部电影，其中一部让我感到特别感动，让我重新认识到了生命的宝贵。",
                week:"周六"
            },
            {
                year: '2023-5-27',
                weather: {
                    icon: 'icon-tianqi',
                    text: '小雨',
                },
                category: '日常',
                somecontent:  "新学年开始了，今天是我高三的第一天。虽然我早已心中思虑，但是才刚进入学校大门，我的紧张情绪不自主地涌上了心头。机器般地走进教室，充满着陌生味道，但很快我坐在了同学们的中间，和有些熟悉的面孔和新见面的面孔相关联。我们听了老师的开学讲话，在课堂上肃静地听这个未知旅程安排计划。下午上体育课，运动了一会儿，很好玩。之后我回家复习并完成我的功课，准备迎接这段即将开始的新生活。",
                week:"周六"
            },
            {
                year: '2023-5-27',
                weather: {
                    icon: 'icon-duoyun',
                    text: '多云',
                },
                category: '其它',
                somecontent:  "今天是工作日，我早上七点半起床，赶了个早班地铁去公司上班。在地铁上，我打开电子书阅读一会儿，感觉很放松。到了公司后，我开始处理邮件和计划今天的任务。这一天我的工作特别繁忙，因为公司要赶在一个重要项目的最后期限之前完成工作，我们需要加班来保证按时交付。下午的时候，我和团队聚集在一起讨论如何解决问题，尽管有些难度但我们还是想出了一些可行的解决方案。晚上很晚了我回家，已经很累了。在家中我为自己做了一顿简单的晚餐，然后放松一下，休息一分钟，之后我就去睡觉了。",
                week:"周六"
            },
            {
                year: '2023-5-27',
                weather: {
                    icon: 'icon-duoyun',
                    text: '多云',
                },
                category: '其它',
                somecontent:  "今天是周四，我非常兴奋！因为我终于收到了我的护照和签证，准备开始我的旅行！我计划去欧洲旅行一个月，希望能够看到美丽的风景、体验迥异的文化和尝试当地美食。这将是对我人生很难忘的一次旅行，我非常期待！",
                week:"周六"
            },
        ],
        activeDiary:0,
        // 是否编辑模式
        isEdit:false,
        // 是否是修改状态
        isModify:false,
        diaryItem:{

        },
        // 编辑的日记
        editDiary:"",
       
    },
    mutations: {
        CHANGEACTIVEDIARY(state,payload){
            state.activeDiary=payload
        },
        ADDDIARYITEM(state,payload){
            console.log(payload);
            let arr=payload.radioWeather.split('/');
            state.diaryItem.year=payload.year;
            state.diaryItem.weather={
                icon:arr[0],
                text:arr[1]
            };
            state.diaryItem.category=payload.category;
            state.diaryItem.week=payload.week;
            state.diaryItem.somecontent='';
            state.activeDiary=state.diaryList.length
            state.isEdit=true;
            state.diaryList.push(state.diaryItem);
            state.diaryItem={};
        },
        SETDIARYLISTSOMECONTENT(state,payload) {
            state.diaryList[state.activeDiary].somecontent=payload;
            state.isEdit=false;
            state.diaryItem= state.diaryList[state.activeDiary];
            state.diaryList.pop();
            state.diaryList.push(state.diaryItem);
            state.diaryItem={};
        },
        GETACTIVEDIARYSOMECONTENT(state){
            state.editDiary=state.diaryList[state.activeDiary].somecontent;
            state.isEdit=true;
            state.isModify=true;
        },
        SETACTIVEDIARYSOMECONTENT(state,payload){
            state.diaryList[state.activeDiary].somecontent=payload;
            state.isEdit=false;
            state.isModify=false;
            state.editDiary=''
        },
        DELETEDIARY(state) {
            state.diaryList.splice(state.activeDiary,1);
            let diarylength = state.diaryList.length-1;
            if(state.activeDiary>diarylength){
                state.activeDiary =diarylength
            }
        },

    },
    getters:{
        getDiaryListSize: function(state) {
             return state.diaryList.length;
        }
    }
})
export default store;